<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title></title>

    <link rel="stylesheet" href="${path}/plugins/bootstrap-3.3.7-dist/css/bootstrap.css">
    <link rel="stylesheet" href="${path}/hwjcss/hwjindex/hwj-index.css">


</head>
<body>
<%@ include file="../hwjcommon/nav.jsp" %>
<%--<!-- 导航end -->--%>
<!-- 轮播 begin -->
<div class="container-fluid" id="lunbo">
    <div class="row">
        <div id="myCarousel" class="carousel slide">
            <!-- 轮播（Carousel）指标 -->
            <ol class="carousel-indicators">
                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                <li data-target="#myCarousel" data-slide-to="1"></li>
                <li data-target="#myCarousel" data-slide-to="2"></li>
            </ol>
            <!-- 轮播（Carousel）项目 -->
            <div class="carousel-inner">
                <div class="item active">
                    <img src="${path}/hwjimgs/lunfan1.jpg" alt="First slide">
                </div>
                <div class="item">
                    <img src="${path}/hwjimgs/lunfan2.jpg" alt="Third slide">
                </div>
                <div class="item">
                    <img src="${path}/hwjimgs/lunfan3.jpg" alt="Third slide">
                </div>
            </div>
            <!-- 轮播（Carousel）导航 -->
            <a class="carousel-control left" href="#myCarousel"
               data-slide="prev"> <span _ngcontent-c3="" aria-hidden="true" class="glyphicon glyphicon-chevron-right"></span></a>
            <a class="carousel-control right" href="#myCarousel"
               data-slide="next">&rsaquo;</a>
        </div>
    </div>
</div>
<!-- 轮播end -->
<script src="${path}/plugins/jquery/jquery.min.js"></script>
<script src="${path}/plugins/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
<script>
    // 控制轮播自动轮播时间
    $('#myCarousel').carousel({
        interval: 10000
    })
</script>
<div class="b1">
    公司要闻
</div>
<div class="col-md-3">
    <div class="thumbnail">

        <img src="${path}/hwjimgs/ms.jpg"
             alt="通用的占位符缩略图">
        <div class="caption">
            <h3 class="text-center"><a href="${path}/hwj-1">【美食救援计划】</a></h3>
            <p class="text-center text-info">胖哥俩携手FM105.7上海交通广播</p>


        </div>
    </div>
</div>
<div class="col-md-3">
    <div class="thumbnail">
        <img src="${path}/hwjimgs/4.jpg"
             alt="通用的占位符缩略图">
        <div class="caption">
            <h3 class="text-center"> <a href="javascript:void(0)">《决战巅峰，技能为王》</a></h3>
            <p class="text-center text-info">示范区首届技能大赛</p>

        </div>
    </div>
</div>
<div class="col-md-3">
    <div class="thumbnail">
        <img src="${path}/hwjimgs/5.jpg"
             alt="通用的占位符缩略图">
        <div class="caption">
            <h3 class="text-center"><a href="${path}/hwj-2">生日会</a></h3>
            <p class="text-center text-info">员工生日会</p>

        </div>
    </div>
</div>

<div class="col-md-3">
    <div class="thumbnail">
        <img src="${path}/hwjimgs/6.jpg"
             alt="通用的占位符缩略图">
        <div class="caption">
            <h3 class="text-center"><a href="javascript:void(0)">培训大会</a></h3>
            <p class="text-center text-info">2017年第一季度培训大会</p>

        </div>
    </div>
</div>

<div class="col-md-3">
    <div class="thumbnail">
        <img src="${path}/hwjimgs/7.jpg"
             alt="通用的占位符缩略图">
        <div class="caption">
            <h3 class="text-center"><a href="javascript:void(0)">新品上新</a></h3>
            <p class="text-center text-info">（龙虾）</p>

        </div>
    </div>
</div>

<div class="col-md-3">
    <div class="thumbnail">

        <img src="${path}/hwjimgs/10.jpg"
             alt="通用的占位符缩略图">
        <div class="caption">
            <h3 class="text-center"><a href="javascript:void(0)">新品饮料</a></h3>
            <p class="text-center text-info">2016年新品饮料上市</p>


        </div>
    </div>
</div>
</div>
<div class="col-md-3">
    <div class="thumbnail">

        <img src="${path}/hwjimgs/9.jpg"
             alt="通用的占位符缩略图">
        <div class="caption">
            <h3 class="text-center"><a href="javascript:void(0)">培训大会</a></h3>
            <p class="text-center text-info">2016年胖哥俩全国培训大会</p>


        </div>
    </div>
</div>
</div>
<div class="col-md-3">
    <div class="thumbnail">

        <img src="${path}/hwjimgs/8.jpg"
             alt="通用的占位符缩略图">
        <div class="caption">
            <h3 class="text-center"><a href="javascript:void(0)">业余赛</a></h3>
            <p class="text-center text-info">2016年“胖哥俩”杯上城区七人制业余赛</p>


        </div>
    </div>
</div>
</div>
<!--end-->
<!-- 缩略图end -->
</div>
<div class="">
    <img src="${path}/hwjimgs/3.png" alt="通用的占位符缩略图"><br>
</div>
<div class="a" align="center">
    <img src="${path}/hwjimgs/4.png" alt="通用的占位符缩略图"><br>

    <div class="c2">FOLLOW ME</div><br>
    <a href="#">微信</a><img src="${path}/hwjimgs/11.jpg" alt="通用的占位符缩略图"><br>
    <a href="#">微信</a><img src="${path}/hwjimgs/12.jpg" alt="通用的占位符缩略图"><br>
    <a href="#">豆瓣</a><img src="${path}/hwjimgs/13.jpg" alt="通用的占位符缩略图"><br>
    <a href="#">微博</a><img src="${path}/hwjimgs/14.jpg" alt="通用的占位符缩略图"><br>
    <a href="#">豆丁</a><img src="${path}/hwjimgs/15.jpg" alt="通用的占位符缩略图"><br>
    <a href="${path}/hwj-3">免责声明</a>

</div>

<div class="container text-center">
    <ul class="pagination">
        <li><a href="#">首页</a></li>
        <li><a href="#">&laquo;</a></li>
        <li><a href="#">1</a></li>
        <li class="disabled"><a href="#">1</a></li>
        <li class="active"><a href="#">1</a></li>
        <li><a href="#">&raquo;</a></li>
        <li><a href="#">尾页</a></li>
        <li><a href="#">当前页1/1总页</a></li>
    </ul>
</div>
</body>
</html>